<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1843591_bmlu6sdeav.css" />
		<link rel="stylesheet" type="text/css" href="yinjiang.css"/>
		<link rel="stylesheet" type="text/css" href="./iconfont.css" />
	</head>
	<body>
		<div id="box">
			<div class="box1 qwqw">
				<a href="#" id="toggle"></a>
				<span class="span sspan"></span>
				<span class="span2 sspan"></span>
				<span class="span3 sspan"></span>
			
				<img class="tu1" src="https://www.belluccipremium.com/assets/images/logo-bellucci.svg">
				<div id="boox">
					<a class="aa" href="#" style="width: 50px;">产品展示
						<p></p>
					</a>
					<a class="aa" href="#" style="width: 60px;margin-left: 20px;">商店定位器
						<p></p>
					</a>
					<a class="aa" href="#" style="width: 30px;margin-left: 20px;">联系
						<p></p>
					</a>
				</div>
			</div>
		</div>
		
		<div id="box6">
			<hr >
		</div>
		
		<div id="box7">
			<ul class="box7_ul1">
				<li style="width: 65px;height: 30px;">产品展示
					<p></p>
				</li>
				<li style="width: 113px;height: 30px;">意大利100%EVOO
					<p></p>
				</li>
				<li style="width: 65px;height: 30px;">有机EVOO
					<p></p>
				</li>
				<li style="width: 177px;height: 30px;">SACHET 100％意大利EVOO
					<p></p>
				</li>
				<li style="width: 113px;height: 30px;">SACHET有机EVOO
					<p></p>
				</li>
				<li style="width:153px;height: 30px;">SICILIA PGI有机EVOO
					<p></p>
				</li>
				<li style="width: 146px;height: 30px;">托斯卡纳PGI EVOO
					<p></p>
				</li>
			</ul>
			<ul class="box7_ul2">
				<li style="width: 112px;height: 30px;">意大利是我的家
					<p></p>
				</li>
				<li style="width: 112px;height: 30px;">贝鲁奇应用程序
					<p></p>
				</li>
				<li style="width: 50px;height: 30px;">倒更多
					<p></p>
				</li>
				<li style="width: 80px;height: 30px;">完全可追溯
					<p></p>
				</li>
				<li style="width: 65px;height: 30px;">到达食谱
					<p></p>
				</li>
			</ul>
			<ul class="box7_ul3">
				<li style="width: 32px;height: 30px;">联系<p></p>
				</li>
				<li style="width: 80px;height: 30px;">商店定位器<p></p>
				</li>
				<li style="width: 65px;height: 30px;">获奖情况<p></p>
				</li>
			</ul>
		</div>
		<hr >
		<div id="aaa">
			<div id="aaa_div">
				<span id="" style="font-size: 13px;">
					©Bellucci EVOO 2020      
				</span>
				<span id="" style="font-size: 13px;margin-left: 10px;">
					隐私和Cookie政策
				</span>
				<img src="IMAGE/trust-through-traceability.png" style="width: 131px;height: 26px;margin-left: 150px;">
				<img src="img/4.png" style="width: 85px;height: 26px;margin-left: 150px;">
				<img src="img/dfgh.jpg" style="width: 160px;height: 25px;">
				<ul style="float: right;width: 100px;position: absolute;left: 1340px;top: 420px;line-height: 23px;">
					<li class="li101">意大利</li>
					<li class="li101">西班牙</li>
					<li class="li101">墨西哥</li>
					<li style="border-bottom: solid #000000 1px;">美国</li>
				</ul>
			</div>
		</div>
		<div id="box10">
			<div id="box10_div1">
				<span class="iconfont icon-chacha" style="font-size: 40px;position:absolute;top: 10px;left: 30px;"></span>
				<img class="tu1" src="https://www.belluccipremium.com/assets/images/logo-bellucci.svg" style="margin-left: 90px;">
			</div>
			<div id="box10_div2">
				<div id="box10_div2_div">
					<ul class="box10_div2_ul1 xz">
						<li style="width: 215px;">意大利是我家<p></p>
						</li>
						<li style="width: 245px;margin-left: 145px;">贝鲁奇应用程序<p></p>
						</li>
						<li style="width: 110px;margin-left: 145px;">苍老师<p></p>
						</li>
					</ul>
					<ul class="box10_div2_ul2 xz">
						<li style="width: 180px;">完全可追溯<p></p>
						</li>
						<li style="width: 145px;margin-left: 166px;">到达食谱<p></p>
						</li>
					</ul>
				</div>
			</div>
			<img src="https://www.belluccipremium.com/uploads/seals/italy-flag.jpg" style="margin: 0 auto;display: block;">
			<ul class="list">
				<li style="width: 60px;margin-left: 535px;"><a href="#">联系</a></li>
				<li style="width: 110px;"><a href="#">商店定位器</a></li>
				<li style="width: 96px;"><a href="#">获奖情况</a></li>
			</ul>
			<div id="box10_div3">
				<img src="img/bellucci-app-logo.png" style="width: 85px;height: 26px;margin-left: 90px;">
				<img src="img/未命名_副本.jpg" style="margin-left: 240px;">
				<ul style="position: relative;left: 640px;top: -97px;">
					<li class="li10">意大利</li>
					<li class="li10">西班牙</li>
					<li class="li10">墨西哥</li>
					<li>美国</li>
				</ul>
			</div>
		</div>
		<div id="box8">
			<p>该网站可能使用一些“ cookies”来改善您的浏览体验。请在继续浏览我们的网站之前，建议您阅读COOKIES政策。</p>
			<div>
				<span></span>
				<a href="#">接受</a>
			</div>
		</div>
		<script src="new_file.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(".aa").hover(function() {
				$(this).children("p").show()
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": aa
				}, 350)
				console.log($(this).children("p"))
			}, function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": 0
				}, 350)
			})
			
			
			
			
			
			
			$("#toggle").hover(function() {
				console.log(1)
				$(this).stop(true).animate({
					opacity: 1
				}, 250)
			}, function() {
				$(this).stop(true).animate({
					opacity: 0
				}, 250)
			})
			
			$(".sspan").hover(function() {
				$("#toggle").stop(true).animate({
					opacity: 1
				}, 250)
			}, function() {
				$("#toggle").stop(true).animate({
					opacity: 0
				}, 250)
			})
			
			$("#toggle").click(function() {
			
				$("#box10").animate({
					"left": 0 + "%"
				}, 500)
			
			})
			
			$(".sspan").click(function() {
			
				$("#box10").animate({
					"left": 0 + "%"
				}, 500)
			
			})
			
			
			
			$(".box7_ul1 li").hover(function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": aa
				}, 350)
				console.log($(this).children("p"))
			}, function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": 0
				}, 350)
			})
			
			$(".box7_ul2 li").hover(function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": aa
				}, 350)
				console.log($(this).children("p"))
			}, function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": 0
				}, 350)
			})
			
			
			$(".box7_ul3 li").hover(function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": aa,
					"height": "2px"
				}, 350)
				console.log($(this).children("p"))
			}, function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": 0
				}, 350)
			})
			
			
			
			$(".iconfont").click(function() {
				$("#box10").animate({
					"left": -100 + "%"
				}, 500)
			})
			
			
			$("#box8 div").hover(function() {
				var $div = $(this).width()
				var i = 0;
				$("#box8 div span").stop(true).animate({
					"width": $div
				}, 250)
			}, function() {
				var $div = $(this).width()
				$("#box8 div span").stop(true).animate({
					"width": 0
				}, 250)})
			
			
			$("#box10_div3 ul li:last").mouseover(function(){
				$(this).prevAll("li").css({"opacity":1})
			})
			$("#box10_div3 ul").mouseleave(function(){
				$(this).find(".li10").css({"opacity":0})
			})
			
			
			
			$("#aaa_div ul li:last").mouseover(function(){
				$(this).prevAll("li").css({"opacity":1})
			})
			$("#aaa_div ul").mouseleave(function(){
				$(this).find(".li101").css({"opacity":0})
			})
		</script>
	</body>
</html>
